<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>防抖和节流</title>
</head>

<body>
	<script>
		/*
			防抖和节流的用法和概念
		*/
		//防抖：触发高频事件 N 秒后只会执行一次，如果 N 秒内事件再次触发，则会重新计时。
		//简单版：函数内部支持使用 this 和 event 对象；
		function debounce(func, wait) {
			var timeout;
			return function () {
				var context = this;
				var args = arguments;
				clearTimeout(timeout)
				timeout = setTimeout(function () {
					func.apply(context, args)
				}, wait);
			}
		}
	</script>
</body>

</html>